<template>

  <app-container>
    <el-tabs v-model="activeName">
      <el-tab-pane label="基本信息" name="first">
        <generate-form ref="generateForm" :data="BaseInformation" :remote="remoteFuncs" :value="editData" />
      </el-tab-pane>
      <el-tab-pane label="利率信息" name="second">
        <generate-form ref="generateForm" :data="RateInformation" :remote="remoteFuncs" :value="editData" />
      </el-tab-pane>
      <el-tab-pane label="利率分段" name="three">
        <generate-form ref="generateForm" :data="RateUniteInformation" :remote="remoteFuncs" :value="editData" />
        <el-col>分段计算</el-col>
        <generate-table ref="generateTable" :data="jsonData_T" :remote="remoteFuncs" :value="editData"/>
      </el-tab-pane>
    </el-tabs>
    <div class="generate-block">
      <el-button type="primary" @click="handleSubmit">提交</el-button>
      <el-button type="primary">重置</el-button>
      <el-button type="primary">取消</el-button>
    </div>
  </app-container>
</template>

<script>
import GenerateForm from '@/components/CreateForm/GenerateForm'
import '@/components/CreateForm/styles/FormCreate.css'
import GenerateTable from '@/components/CreateTable/GenerateTable'
export default {
  components: {
    GenerateForm,
    GenerateTable
  },
  data: function() {
    return {
      activeName: 'first',
      BaseInformation: {
        list: [
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '贷款借据号',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '00980101008',
                      required: true,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542852544000_92463'
                    },
                    key: '1542852544000_92463',
                    model: 'input_1542852544000_92463',
                    rules: [
                      {
                        type: 'string',
                        message: '贷款借据号格式不正确'
                      },
                      {
                        required: true,
                        message: '贷款借据号必须填写'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '贷款账号',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '009801010080001',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: true,
                      clearable: false,
                      remoteFunc: 'func_1542852546000_61922'
                    },
                    key: '1542852546000_61922',
                    model: 'input_1542852546000_61922',
                    rules: [
                      {
                        type: 'string',
                        message: '贷款账号格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542852529000_66800'
            },
            key: '1542852529000_66800',
            model: 'grid_1542852529000_66800',
            rules: []
          },
          {
            type: 'input',
            name: '产品编码',
            icon: 'regular/keyboard',
            options: {
              width: '26%',
              defaultValue: '0020010101',
              required: false,
              dataType: 'string',
              pattern: '',
              placeholder: '',
              readonly: false,
              disabled: true,
              clearable: false,
              remoteFunc: 'func_1542852600000_92398'
            },
            key: '1542852600000_92398',
            model: 'input_1542852600000_92398',
            rules: [
              {
                type: 'string',
                message: '产品编码格式不正确'
              }
            ]
          },
          {
            type: 'input',
            name: '产品名称',
            icon: 'regular/keyboard',
            options: {
              width: '40%',
              defaultValue: '企业中长期贷款',
              required: false,
              dataType: 'string',
              pattern: '',
              placeholder: '',
              readonly: false,
              disabled: true,
              clearable: false,
              remoteFunc: 'func_1542852660000_93615'
            },
            key: '1542852660000_93615',
            model: 'input_1542852660000_93615',
            rules: [
              {
                type: 'string',
                message: '单行文本格式不正确'
              }
            ]
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'date',
                    name: '起息日期',
                    icon: 'regular/calendar-alt',
                    options: {
                      defaultValue: '',
                      readonly: false,
                      disabled: true,
                      editable: true,
                      clearable: true,
                      placeholder: '2018-09-18',
                      startPlaceholder: '',
                      endPlaceholder: '',
                      type: 'date',
                      format: 'yyyy-MM-dd',
                      timestamp: false,
                      required: false,
                      width: '100%',
                      remoteFunc: 'func_1542852718000_62676'
                    },
                    key: '1542852718000_62676',
                    model: 'date_1542852718000_62676',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'date',
                    name: '到期日期',
                    icon: 'regular/calendar-alt',
                    options: {
                      defaultValue: '',
                      readonly: false,
                      disabled: true,
                      editable: true,
                      clearable: true,
                      placeholder: '2020-09-18',
                      startPlaceholder: '',
                      endPlaceholder: '',
                      type: 'date',
                      format: 'yyyy-MM-dd',
                      timestamp: false,
                      required: false,
                      width: '100%',
                      remoteFunc: 'func_1542852720000_21507'
                    },
                    key: '1542852720000_21507',
                    model: 'date_1542852720000_21507',
                    rules: []
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542852706000_61672'
            },
            key: '1542852706000_61672',
            model: 'grid_1542852706000_61672',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '贷款期限',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '56M',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: true,
                      clearable: false,
                      remoteFunc: 'func_1542852834000_9242'
                    },
                    key: '1542852834000_9242',
                    model: 'input_1542852834000_9242',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '货币代码',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: 'CNY人民币',
                      multiple: false,
                      disabled: true,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: 'CNY人民币'
                        },
                        {
                          value: '下拉框2'
                        },
                        {
                          value: '下拉框3'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542852840000_56537'
                    },
                    key: '1542852840000_56537',
                    model: 'select_1542852840000_56537',
                    rules: []
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542852820000_4858'
            },
            key: '1542852820000_4858',
            model: 'grid_1542852820000_4858',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '合同金额',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '3,000,000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: true,
                      clearable: false,
                      remoteFunc: 'func_1542852952000_82955'
                    },
                    key: '1542853121000_12670',
                    model: 'input_1542852952000_82955',
                    rules: [
                      {
                        type: 'string',
                        message: '合同金额格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '借据金额',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '3,000,000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: true,
                      clearable: false,
                      remoteFunc: 'func_1542853129000_48217'
                    },
                    key: '1542853129000_48217',
                    model: 'input_1542853129000_48217',
                    rules: [
                      {
                        type: 'string',
                        message: '合同金额格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542852929000_15458'
            },
            key: '1542852929000_15458',
            model: 'grid_1542852929000_15458',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '合同利率',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6.3200000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542853167000_18746'
                    },
                    key: '1542853167000_18746',
                    model: 'input_1542853167000_18746',
                    rules: [
                      {
                        type: 'string',
                        message: '合同利率格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '实际利率计算方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-插值法计算',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不适用'
                        },
                        {
                          value: '1-插值法计算'
                        },
                        {
                          value: '2-执行利率'
                        },
                        {
                          value: '3-指定利率'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853175000_95733'
                    },
                    key: '1542853175000_95733',
                    model: 'select_1542853175000_95733',
                    rules: []
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853157000_91218'
            },
            key: '1542853157000_91218',
            model: 'grid_1542853157000_91218',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '实际利率',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6.0000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542853300000_88465'
                    },
                    key: '1542853300000_88465',
                    model: 'input_1542853300000_88465',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '实际年月利率',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: 'M-月利率',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: 'D-日利率'
                        },
                        {
                          value: 'M-月利率'
                        },
                        {
                          value: 'Y-年利率'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853303000_52138'
                    },
                    key: '1542853698000_41281',
                    model: 'select_1542853303000_52138',
                    rules: []
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853285000_75187'
            },
            key: '1542853285000_75187',
            model: 'grid_1542853285000_75187',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '利率类型',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-固定利率',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '1-固定利率'
                        },
                        {
                          value: '2-浮动利率'
                        },
                        {
                          value: '下拉框3'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853462000_36343'
                    },
                    key: '1542853462000_36343',
                    model: 'select_1542853462000_36343',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '利率调整方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-按对月对日调整',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不调整'
                        },
                        {
                          value: '1-按对月对日调整'
                        },
                        {
                          value: '2-按指定周期调整'
                        },
                        {
                          value: '3-即时调整'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853463000_31567'
                    },
                    key: '1542853463000_31567',
                    model: 'select_1542853463000_31567',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853430000_43978'
            },
            key: '1542853430000_43978',
            model: 'grid_1542853430000_43978',
            rules: [
              {
                type: 'string',
                message: '单行文本格式不正确'
              }
            ]
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '年/月利率标识',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: 'M-月利率',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: 'D-日利率'
                        },
                        {
                          value: 'M-月利率'
                        },
                        {
                          value: 'Y-年利率'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853721000_83997'
                    },
                    key: '1542853721000_83997',
                    model: 'select_1542853721000_83997',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '利率调整周期',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6MA01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542853663000_46433'
                    },
                    key: '1542853663000_46433',
                    model: 'input_1542853663000_46433',
                    rules: [
                      {
                        type: 'string',
                        message: '利率调整周期格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853618000_25600'
            },
            key: '1542853618000_25600',
            model: 'grid_1542853618000_25600',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '利率浮动方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '0-不浮动',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不浮动'
                        },
                        {
                          value: '1-按值浮动'
                        },
                        {
                          value: '2-按比例浮动'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853763000_8498'
                    },
                    key: '1542853763000_8498',
                    model: 'select_1542853763000_8498',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '利率浮动值',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '0.0030000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542853776000_36437'
                    },
                    key: '1542853776000_36437',
                    model: 'input_1542853776000_36437',
                    rules: [
                      {
                        type: 'string',
                        message: '利率浮动值格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853740000_84134'
            },
            key: '1542853740000_84134',
            model: 'grid_1542853740000_84134',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '利率期限靠档方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-贷款期限',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '1-贷款期限'
                        },
                        {
                          value: '2-利率期限'
                        },
                        {
                          value: '3-剩余期限'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542853887000_94510'
                    },
                    key: '1542853887000_94510',
                    model: 'select_1542853887000_94510',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '利率期限',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '56M',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542853906000_74224'
                    },
                    key: '1542853906000_74224',
                    model: 'input_1542853906000_74224',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853870000_7002'
            },
            key: '1542853870000_7002',
            model: 'grid_1542853870000_7002',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '正常利率编号',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: 'D01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542854010000_56084'
                    },
                    key: '1542854010000_56084',
                    model: 'input_1542854010000_56084',
                    rules: [
                      {
                        type: 'string',
                        message: '正常利率编号格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '正常利率',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6.0000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: true,
                      clearable: false,
                      remoteFunc: 'func_1542854015000_57612'
                    },
                    key: '1542854015000_57612',
                    model: 'input_1542854015000_57612',
                    rules: [
                      {
                        type: 'string',
                        message: '正常利率格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542853998000_79546'
            },
            key: '1542853998000_79546',
            model: 'grid_1542853998000_79546',
            rules: []
          }
        ],
        config: {
          labelWidth: 100,
          labelPosition: 'right'
        },
        table: {
          showRemove: false,
          showIndexCol: false,
          showEdit: false,
          showExport: false,
          showAdd: false,
          stripe: true,
          border: false
        }
      },
      RateInformation: {
        list: [
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '逾期利率编号',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: 'D01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542852544000_92463'
                    },
                    key: '1542855126000_99246',
                    model: 'input_1542852544000_92463',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期利率编号格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '逾期利率',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '8.0000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542852546000_61922'
                    },
                    key: '1542855180000_23737',
                    model: 'input_1542852546000_61922',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期利率格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542852529000_66800'
            },
            key: '1542852529000_66800',
            model: 'grid_1542852529000_66800',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '逾期利率调整方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-按对月对日调整',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不调整'
                        },
                        {
                          value: '1-按对月对日调整'
                        },
                        {
                          value: '2-按指定周期调整'
                        },
                        {
                          value: '3-即时调整'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542854652000_30925'
                    },
                    key: '1542855197000_78591',
                    model: 'select_1542854652000_30925',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '逾期利率调整周期',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6MA01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542854690000_21397'
                    },
                    key: '1542855261000_31236',
                    model: 'input_1542854690000_21397',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期利率调整周期格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542854633000_85255'
            },
            key: '1542854633000_85255',
            model: 'grid_1542854633000_85255',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '逾期罚息浮动方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '0-不浮动',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不浮动'
                        },
                        {
                          value: '1-按值浮动'
                        },
                        {
                          value: '2-按比例浮动'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542854736000_11309'
                    },
                    key: '1542855275000_7319',
                    model: 'select_1542854736000_11309',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '逾期罚息浮动值',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '1.5000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542854768000_14962'
                    },
                    key: '1542855319000_6486',
                    model: 'input_1542854768000_14962',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期罚息浮动值格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542854708000_92852'
            },
            key: '1542854708000_92852',
            model: 'grid_1542854708000_92852',
            rules: []
          },
          {
            type: 'select',
            name: '逾期年月利率',
            icon: 'regular/caret-square-down',
            options: {
              defaultValue: 'M-月利率',
              multiple: false,
              disabled: false,
              clearable: false,
              placeholder: '',
              required: false,
              showLabel: false,
              width: '26%',
              options: [
                {
                  value: 'D-日利率'
                },
                {
                  value: 'M-月利率'
                },
                {
                  value: 'Y-年利率'
                }
              ],
              remote: false,
              remoteOptions: [],
              props: {
                value: 'value',
                label: 'label'
              },
              remoteFunc: 'func_1542854828000_97396'
            },
            key: '1542855492000_89071',
            model: 'select_1542854828000_97396',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '复息利率编号',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: 'D01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855234000_41219'
                    },
                    key: '1542855234000_41219',
                    model: 'input_1542855234000_41219',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期利率编号格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '复息利率',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '8.0000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855184000_47377'
                    },
                    key: '1542855184000_47377',
                    model: 'input_1542855184000_47377',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期利率格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542855057000_6398'
            },
            key: '1542855057000_6398',
            model: 'grid_1542855057000_6398',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '复息罚息浮动方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '0-不浮动',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不浮动'
                        },
                        {
                          value: '1-按值浮动'
                        },
                        {
                          value: '2-按比例浮动'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542855644000_87151'
                    },
                    key: '1542855644000_87151',
                    model: 'select_1542855644000_87151',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '复息罚息浮动值',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '1.5000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855639000_11104'
                    },
                    key: '1542855639000_11104',
                    model: 'input_1542855639000_11104',
                    rules: [
                      {
                        type: 'string',
                        message: '逾期罚息浮动值格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542855059000_49006'
            },
            key: '1542855059000_49006',
            model: 'grid_1542855059000_49006',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '复息利率调整方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-按对月对日调整',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不调整'
                        },
                        {
                          value: '1-按对月对日调整'
                        },
                        {
                          value: '2-按指定周期调整'
                        },
                        {
                          value: '3-即时调整'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542855647000_57661'
                    },
                    key: '1542855647000_57661',
                    model: 'select_1542855647000_57661',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '复息利率调整周期',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6MA01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855642000_39403'
                    },
                    key: '1542855642000_39403',
                    model: 'input_1542855642000_39403',
                    rules: []
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542855374000_59983'
            },
            key: '1542855374000_59983',
            model: 'grid_1542855374000_59983',
            rules: []
          },
          {
            type: 'select',
            name: '复息年月利率',
            icon: 'regular/caret-square-down',
            options: {
              defaultValue: 'M-月利率',
              multiple: false,
              disabled: false,
              clearable: false,
              placeholder: '',
              required: false,
              showLabel: false,
              width: '26%',
              options: [
                {
                  value: 'D-日利率'
                },
                {
                  value: 'M-月利率'
                },
                {
                  value: 'Y-年利率'
                }
              ],
              remote: false,
              remoteOptions: [],
              props: {
                value: 'value',
                label: 'label'
              },
              remoteFunc: 'func_1542854828000_97396'
            },
            key: '1542854828000_97396',
            model: 'select_1542854828000_97396',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '挤占挪用利率编号',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: 'D01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855234000_41219'
                    },
                    key: '1542855234000_41219',
                    model: 'input_1542855234000_41219',
                    rules: [
                      {
                        type: 'string',
                        message: '挤占挪用利率编号格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '挤占挪用利率',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '8.0000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855184000_47377'
                    },
                    key: '1542855184000_47377',
                    model: 'input_1542855184000_47377',
                    rules: [
                      {
                        type: 'string',
                        message: '挤占挪用利率格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542855057000_6398'
            },
            key: '1542855057000_6398',
            model: 'grid_1542855057000_6398',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '挤占挪用利率浮动方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '0-不浮动',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不浮动'
                        },
                        {
                          value: '1-按值浮动'
                        },
                        {
                          value: '2-按比例浮动'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542855644000_87151'
                    },
                    key: '1542855644000_87151',
                    model: 'select_1542855644000_87151',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '挤占挪用利率浮动值',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '1.5000000',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855639000_11104'
                    },
                    key: '1542855639000_11104',
                    model: 'input_1542855639000_11104',
                    rules: [
                      {
                        type: 'string',
                        message: '挤占挪用利率浮动值格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542855059000_49006'
            },
            key: '1542855059000_49006',
            model: 'grid_1542855059000_49006',
            rules: []
          },
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 8,
                list: [
                  {
                    type: 'select',
                    name: '挤占挪用利率调整方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-按对月对日调整',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '0-不调整'
                        },
                        {
                          value: '1-按对月对日调整'
                        },
                        {
                          value: '2-按指定周期调整'
                        },
                        {
                          value: '3-即时调整'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542855647000_57661'
                    },
                    key: '1542855647000_57661',
                    model: 'select_1542855647000_57661',
                    rules: []
                  }
                ]
              },
              {
                span: 8,
                list: [
                  {
                    type: 'input',
                    name: '挤占挪用利率调整周期',
                    icon: 'regular/keyboard',
                    options: {
                      width: '100%',
                      defaultValue: '6MA01',
                      required: false,
                      dataType: 'string',
                      pattern: '',
                      placeholder: '',
                      readonly: false,
                      disabled: false,
                      clearable: false,
                      remoteFunc: 'func_1542855642000_39403'
                    },
                    key: '1542855642000_39403',
                    model: 'input_1542855642000_39403',
                    rules: []
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542855374000_59983'
            },
            key: '1542855374000_59983',
            model: 'grid_1542855374000_59983',
            rules: []
          },
          {
            type: 'select',
            name: '挤占挪用利率年月标识',
            icon: 'regular/caret-square-down',
            options: {
              defaultValue: 'M-月利率',
              multiple: false,
              disabled: false,
              clearable: false,
              placeholder: '',
              required: false,
              showLabel: false,
              width: '26%',
              options: [
                {
                  value: 'D-日利率'
                },
                {
                  value: 'M-月利率'
                },
                {
                  value: 'Y-年利率'
                }
              ],
              remote: false,
              remoteOptions: [],
              props: {
                value: 'value',
                label: 'label'
              },
              remoteFunc: 'func_1542854828000_97396'
            },
            key: '1542854828000_97396',
            model: 'select_1542854828000_97396',
            rules: []
          }
        ],
        config: {
          labelWidth: 100,
          labelPosition: 'right'
        },
        table: {
          showRemove: false,
          showIndexCol: false,
          showEdit: false,
          showExport: false,
          showAdd: false,
          stripe: true,
          border: false
        }
      },
      RateUniteInformation: {
        list: [
          {
            type: 'select',
            name: '利率分段',
            icon: 'regular/caret-square-down',
            options: {
              defaultValue: '0-否',
              multiple: false,
              disabled: false,
              clearable: false,
              placeholder: '',
              required: false,
              showLabel: false,
              width: '28%',
              options: [
                {
                  value: '0-否'
                },
                {
                  value: '1-是'
                }
              ],
              remote: false,
              remoteOptions: [],
              props: {
                value: 'value',
                label: 'label'
              },
              remoteFunc: 'func_1542864674000_46829'
            },
            key: '1542864674000_46829',
            model: 'select_1542864674000_46829',
            rules: [
              {
                type: 'string',
                message: '单行文本格式不正确'
              }
            ]
          }
        ],
        config: {
          labelWidth: 100,
          labelPosition: 'right'
        },
        table: {
          showRemove: false,
          showIndexCol: false,
          showEdit: false,
          showExport: false,
          showAdd: false,
          stripe: true,
          border: false
        }
      },
      jsonData_T: {
        list: [
          {
            type: 'grid',
            name: '栅格布局',
            icon: 'th',
            columns: [
              {
                span: 6,
                list: [
                  {
                    type: 'select',
                    name: '利率类型',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '1-固定利率',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '1-固定利率'
                        },
                        {
                          value: '2-浮动利率'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542865767000_78808'
                    },
                    key: '1542865767000_78808',
                    model: 'select_1542865767000_78808',
                    rules: []
                  }
                ]
              },
              {
                span: 6,
                list: [
                  {
                    type: 'date',
                    name: '日期选择器',
                    icon: 'regular/calendar-alt',
                    options: {
                      defaultValue: '',
                      readonly: false,
                      disabled: false,
                      editable: true,
                      clearable: true,
                      placeholder: '',
                      startPlaceholder: '',
                      endPlaceholder: '',
                      type: 'date',
                      format: 'yyyy-MM-dd',
                      timestamp: false,
                      required: false,
                      width: '100%',
                      remoteFunc: 'func_1542865807000_55077'
                    },
                    key: '1542865807000_55077',
                    model: 'date_1542865807000_55077',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 6,
                list: [
                  {
                    type: 'date',
                    name: '日期选择器',
                    icon: 'regular/calendar-alt',
                    options: {
                      defaultValue: '',
                      readonly: false,
                      disabled: false,
                      editable: true,
                      clearable: true,
                      placeholder: '',
                      startPlaceholder: '',
                      endPlaceholder: '',
                      type: 'date',
                      format: 'yyyy-MM-dd',
                      timestamp: false,
                      required: false,
                      width: '100%',
                      remoteFunc: 'func_1542865812000_21431'
                    },
                    key: '1542865812000_21431',
                    model: 'date_1542865812000_21431',
                    rules: [
                      {
                        type: 'string',
                        message: '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                span: 6,
                list: [
                  {
                    type: 'select',
                    name: '利率调整方式',
                    icon: 'regular/caret-square-down',
                    options: {
                      defaultValue: '0-不调整',
                      multiple: false,
                      disabled: false,
                      clearable: false,
                      placeholder: '',
                      required: false,
                      showLabel: false,
                      width: '100%',
                      options: [
                        {
                          value: '2-按指定周期调整'
                        },
                        {
                          value: '0-不调整'
                        },
                        {
                          value: '1-按对月对日调整'
                        },
                        {
                          value: '3-即时调整'
                        }
                      ],
                      remote: false,
                      remoteOptions: [],
                      props: {
                        value: 'value',
                        label: 'label'
                      },
                      remoteFunc: 'func_1542865819000_54272'
                    },
                    key: '1542865819000_54272',
                    model: 'select_1542865819000_54272',
                    rules: []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '利率调整周期',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542866399000_51067'
                    },
                    'key': '1542866399000_51067',
                    'model': 'input_1542866399000_51067',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '利率调整周期格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'select',
                    'name': '利率浮动方式',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '0-不浮动',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '0-不浮动'
                        },
                        {
                          'value': '1-按值浮动'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_1542866387000_83296'
                    },
                    'key': '1542866387000_83296',
                    'model': 'select_1542866387000_83296',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '利率浮动值',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542866495000_27893'
                    },
                    'key': '1542866495000_27893',
                    'model': 'input_1542866495000_27893',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '正常利率',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542866510000_72615'
                    },
                    'key': '1542866510000_72615',
                    'model': 'input_1542866510000_72615',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            options: {
              gutter: 0,
              justify: 'start',
              align: 'top',
              remoteFunc: 'func_1542865739000_10520'
            },
            key: '1542865739000_10520',
            model: 'grid_1542865739000_10520',
            rules: []
          }
        ],
        config: {
          labelWidth: 100,
          labelPosition: 'right'
        },
        table: {
          showRemove: false,
          showIndexCol: false,
          showEdit: false,
          showExport: false,
          showAdd: false,
          stripe: true,
          border: false
        }
      },
      editData: {},
      values: {},
      remoteFuncs: {

      }
    }
  },
  methods: {
    handleSubmit() {
      this.$refs.generateForm
        .getData()
        .then(data => {
          // 数据校验成功
          // data 为获取的表单数据
        })
        .catch(e => {
          // 数据校验失败
        })
    }
  }
}
</script>

<style scoped>
</style>
